body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
    border: 0;
    vertical-align: baseline;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,em,strong,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0; }


/******************************
 * Default layout
 ******************************/

.container {
    position: relative;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}

.grid-1 { width: 60px; }
.grid-2 { width: 140px; }
.grid-3 { width: 220px; }
.grid-4 { width: 300px; }
.grid-5 { width: 380px; }
.grid-6 { width: 460px; }
.grid-7 { width: 540px; }
.grid-8 { width: 620px; }
.grid-9 { width: 700px; }
.grid-10 { width: 780px; }
.grid-11 { width: 860px; }
.grid-12 { width: 947px; }


.one-half, .one-third, .two-thirds, .one-fourth {
    float: left;
    margin-left: 4%;
}

.one-half {
    width: 47.98%;
}

.one-third {
    width: 30.6666%;
    *width: 30.64%;
}

.two-thirds {
    width: 65.3334%;
}

.one-fourth {
    width: 22%;
}

.first {
    margin-left: 0;
}

.section-nav {
    position: relative;
    z-index: 2;
}

.nav-h {
}

    .nav-h li {
        display: inline-block;
        *display: inline;
        position: relative;
    }
    
        .nav-h li a {
            display: inline-block;
        }
        
            .nav-h li ul {
                display: none;
                position: absolute;
                left: 0;
                top: 100%;
            }
            
            .nav-h li:hover > ul {
                display: block;
            }
            
                .nav-h ul li {
                    display: block;
                }
                
                    .nav-h ul li a {
                        display: block;
                        width: 140px;
                    }
                
                        .nav-h li ul ul {
                            left: 100%;
                            top: 0;
                        }

/******************************
 * Typography
 ******************************/

body {
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 20px;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    font-family: Georgia, Times, serif;
}

h1 { font-size: 40px; line-height: 46px; }
h2 { font-size: 34px; line-height: 40px; }
h3 { font-size: 28px; line-height: 34px; }
h4 { font-size: 22px; line-height: 28px; }
h5 { font-size: 16px; line-height: 22px; }
h6 { font-size: 12px; line-height: 18px; }

p, form, table, ul, ol, dl {
    margin-bottom: 20px;
}


/******************************
 * Classes
 ******************************/

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

.center { text-align: center; }

/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
  zoom: 1;
}